CKEDITOR.dialog.add('singleProductDialog', function (editor) {
	var productHtml = '<div style="width:300px;height: 200px;border:solid 1px">' + 
	'<div id="serachInput">'+ 
	'<div style="margin-top:20px;margin-left:20px"><span>商品名：</span><input type="text" style="width: 100px"></div> <span onclick="">搜索</span>'+ 
	'<div style="margin-top:20px;margin-left:20px">'+ 
	'<select id="products">'+ 
	'<option value="">请选择</option>'+ 
	'</select>'+ 
	'</div>'+ 
	'</div>'+ 
	'</div>';
	return {
		title: '单个商品上传',
		minWith: 400,
		minHeight: 200,
		//content是子标签
		contents: [
			{
				id: 'prductName',
				label: '上传图片',
				//elements是每个子标签下面的ui元素，如表单元素等
				elements: [    //自定义弹窗的内容，可以使用模板，也可自定义html及样式
					{
						//这里只是演示可以通过在外部写html，然后进行展示
						id: 'productSelect',   
						type: 'html',
						html: productHtml,   //html写到了上面
						commit: function (editor) {
							
						}
					},
					{
						type: 'html',    //图片上传成功后的容器
						html: '<div id="ossfile"</div>',
						style: '',  //对应的样式
						onShow: function () {
							if (currentSrc && currentSrc !== 'undefined') {
								//右键编辑图片时，将图片src传入容器，同时注册关闭图片事件
							}
						},
						commit: function (editor) {  //点击确定按钮时，将图片src传入全局src中
							src = $('.imgbox img').attr('src');
						}
					}, 
					{
						type: 'html',    //图片上传成功后的容器
						html: '<a id="postfiles" href="javascript:void(0);" class="btn">开始上传</a>',
						style: 'display:none;',  //对应的样式
						// onShow: function () {
						// 	if (currentSrc && currentSrc !== 'undefined') {
						// 		//右键编辑图片时，将图片src传入容器，同时注册关闭图片事件
						// 	}
						// },
						// commit: function (editor) {  //点击确定按钮时，将图片src传入全局src中
						// 	src = $('.imgbox img').attr('src');
						// }
					}, 
					{
						id: 'myimage',    //选择图片按钮
						type: 'html',
						html: '<div id="container"><a id="selectfiles" href="javascript:void(0);" class="btn">选择文件</a></div>',  //plupload按钮
						style: 'display:block;width:82px;line-height:34px;background-color:#3366b7;font-size:14px;color:#fff;text-align:center;border-radius:4px;',  //html的样式，直接作用于上面的a元素
						onShow: function () {  //当该元素show的时候执行的方法
							document.getElementById('ossfile').innerHTML = '';
							if (currentSrc && currentSrc !== 'undefined') {   //当右键编辑图片时执行，下篇说
								$('#selectfile').hide();
								$('.moxie-shim').hide();
							}
						},
						onLoad: function () {
							//uploader需要再onLoad方法中定义，因为只有在onload的时候，才能获取到‘selectfiles’的html元素，uploader才能初始化
							var uploader = new plupload.Uploader({
								runtimes: 'html5,flash,silverlight,html4',
								browse_button: 'selectfiles',
								//multi_selection: false,
								container: document.getElementById('container'),
								flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
								silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
								url: 'http://oss.aliyuncs.com',

								filters: {
									mime_types: [ //只允许上传图片和zip文件
										{ title: "Image files", extensions: "jpg,gif,png,bmp" },
										{ title: "Zip files", extensions: "zip,rar" }
									],
									max_file_size: '10mb', //最大只能上传10mb的文件
									prevent_duplicates: true //不允许选取重复文件
								},

								init: {

									PostInit: function () {
										console.log(123)
										document.getElementById('ossfile').innerHTML = '';
										document.getElementById('postfiles').onclick = function() {
											set_upload_param(uploader, '', false);
											return false;
											};
									},

									FilesAdded: function (up, files) {
										plupload.each(files, function (file) {
										
											document.getElementById('ossfile').innerHTML += 
											'<div style="width:150px;height:150px;border:solid 1px;text-align: center;float:left" id="' + file.id + '">'
											+ '<image src="https://image.domolife.cn/merchant/%E5%9B%BE%E7%89%87%E4%B8%A2%E5%A4%B1%E5%95%A6.jpg?x-oss-process=image/resize,w_150,h_150" alt=“”/>'
											+ '</div>';
										});
										document.getElementById('postfiles').click();

									},

									BeforeUpload: function (up, file) {
										check_object_radio();
										set_upload_param(up, file.name, true);
									},
									
									//上传中，这里根据需要自己写上传等待，也可在外部实现
									UploadProgress: function (up, file) {
										// var d = document.getElementById(file.id);
										// d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
										// var prog = d.getElementsByTagName('div')[0];
										// var progBar = prog.getElementsByTagName('div')[0]
										// progBar.style.width = 2 * file.percent + 'px';
										// progBar.setAttribute('aria-valuenow', file.percent);
									},

									FileUploaded: function (up, file, info) {
										if (info.status == 200) {
											var imageSrc = get_uploaded_object_name(file.name);
											//记住：这里要根据imageSrc最后的图片名字进行从小到大排序，即0.png,1.png这样子依次插入到数组中人，然后再根据输入插入到富文本编辑器中
											//因为oss上传针对同个文件名不能上传多次，所以在upload.js要针对文件名进行有规律地自定义
											// document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = 'upload to oss success, object name:https://image.domolife.cn/' + get_uploaded_object_name(file.name) + ' 回调服务器返回的内容是:' + info.response;
											//上传成功之后显示图片缩略图
											srcArray[index] = imageSrc;
											index = index + 1;
											console.log(document.getElementById(file.id))
											document.getElementById(file.id).innerHTML = '<image src="https://image.domolife.cn/'+ imageSrc +'?x-oss-process=image/resize,w_150,h_150" alt=“”/>';
											
										}
										else if (info.status == 203) {
											document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功，但是oss访问用户设置的上传回调服务器失败，失败原因是:' + info.response;
										}
										else {
											document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
										}
									},

									Error: function (up, err) {
										if (err.code == -600) {
											console.log("\n选择的文件太大了,可以根据应用情况，在upload.js 设置一下上传的最大大小")
											// document.getElementById('console').appendChild(document.createTextNode("\n选择的文件太大了,可以根据应用情况，在upload.js 设置一下上传的最大大小"));
										}
										else if (err.code == -601) {
											console.log("\n选择的文件后缀不对,可以根据应用情况，在upload.js进行设置可允许的上传文件类型")
											// document.getElementById('console').appendChild(document.createTextNode("\n选择的文件后缀不对,可以根据应用情况，在upload.js进行设置可允许的上传文件类型"));
										}
										else if (err.code == -602) {
											console.log("\n这个文件已经上传过一遍了");
											// document.getElementById('console').appendChild(document.createTextNode("\n这个文件已经上传过一遍了"));
										}
										else {
											console.log("\nError xml:" + err.response);
											// document.getElementById('console').appendChild(document.createTextNode("\nError xml:" + err.response));
										}
									}
								}
							});

							uploader.init();

						}
					}
				
				]
			}
		],
		onShow: function () {
			currentSrc = null;   //弹窗显示的时候判断‘选中元素’的currentSrc是否存在
			var element = editor.getSelection().getSelectedElement();
			if (element) {
				console.log(element);
				console.log(element.$.currentSrc);
				currentSrc = element.$.currentSrc;//源图片地址
			}
		},
		onOk: function () {
			//该方法会依次调用element数组中的commit方法，在这里我们不需要在element中做额外调用，所以不使用，如果需要的话可以开启使用
			//this.commitContent(editor);
			
			//点击确定时，把图片依次插入
			console.log(srcArray);
			for (x in srcArray) {
				var realImageSrc = "https://image.domolife.cn/" + srcArray[x];
				var ele = CKEDITOR.dom.element.createFromHtml('<p style="padding:5px 0;"><img style="width:250px;height:250px" src="' + realImageSrc + '"/></p><br/>');
				editor.insertElement(ele);   //将element插入editor
			}
			
		},
		onCancel: function () {
			//取消时dom操作
			currentSrc = null;  //取消或者确定时清空currentSrc
		}
	}
});